import { Canvas, Story, Meta } from "@storybook/blocks";
import { Icon } from "metabase/ui";
import { Stack, Textarea } from "metabase/ui";
import * as TextareaStories from "./Textarea.stories";

<Meta of={TextareaStories} />

# Textarea

Our themed wrapper around [Mantine Textarea](https://v6.mantine.dev/core/textarea/).

## Docs

- [Mantine Textarea Docs](https://v6.mantine.dev/core/textarea/)

## Examples

<Canvas of={TextareaStories.Default} />

### Size - md

<Canvas of={TextareaStories.EmptyMd} />

#### Filled

<Canvas of={TextareaStories.FilledMd} />

#### Asterisk

<Canvas of={TextareaStories.AsteriskMd} />

#### Description

<Canvas of={TextareaStories.DescriptionMd} />

#### Disabled

<Canvas of={TextareaStories.DisabledMd} />

#### Error

<Canvas of={TextareaStories.ErrorMd} />

#### Read only

<Canvas of={TextareaStories.ReadOnlyMd} />

#### Autosize

<Canvas of={TextareaStories.AutosizeMd} />

### Size - xs

<Canvas of={TextareaStories.EmptyXs} />

#### Filled

<Canvas of={TextareaStories.FilledXs} />

#### Asterisk

<Canvas of={TextareaStories.AsteriskXs} />

#### Description

<Canvas of={TextareaStories.DescriptionXs} />

#### Disabled

<Canvas of={TextareaStories.DisabledXs} />

#### Error

<Canvas of={TextareaStories.ErrorXs} />

#### Read only

<Canvas of={TextareaStories.ReadOnlyXs} />

#### Autosize

<Canvas of={TextareaStories.AutosizeXs} />
